html,body,#app{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/**
 * 适配 iphone 底部安全区
 */
 @supports (bottom: env(safe-area-inset-bottom)){
    #app {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}
.app_content{
    overflow: hidden;
}
.warp_body{
    overflow-y: scroll;
    background-color: #f4f4f4;
    flex: 1;
}
.header_body {
    height: 50px;
}

.footer_body{
    height: 50px;
}

.no_data{
    display: flex;
    margin: auto;
  }



/*多分组样式*/
.group-select-box{
  margin: .24rem .24rem 0;
  display: flex;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.08rem;
}
.group-select-box>p{
  width: 33.33%;
  text-align: center;
  height: .8rem;
  line-height: .8rem;
  font-size: .28rem;
  color: rgba(0, 0, 0, 0.4);
}
.group-select-box>p.active{
  color: rgba(0, 0, 0, 0.8);
}

.group-select-wrap *{
  box-sizing: border-box;
}
/*多分组选择样式*/
.group-select-wrap{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.group-select-wrap .group-select-window{
  position: absolute;
  height: 8.4rem;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  left: 0;
}
.group-select-window .iconguanbi{
  position: absolute;
  font-size: .35rem;
  left: .32rem;
  top: .32rem;
  color: #333;
}
.group-select-window .group-title-box{
  background: #F9FAFB;
  height: 1.8rem;
  padding: .42rem 0 .52rem;
}
.group-title-box .title{
  font-size: 0.4rem;
  font-weight: 400;
  color: #111A34;
  line-height: 0.4rem;
  text-align: center;
}
.group-title-box .sub-title{
  font-size: 0.28rem;
  font-weight: 400;
  color: #858B9C;
  line-height: 0.28rem;
  text-align: center;
  margin-top: .18rem;
}
.group-select-window .select-box{
  padding: 0 .4rem;
}
.group-select-window .group-cate-tab{
  height: 1.1rem;
  display: flex;
  justify-content: space-between;
  border-bottom: .01rem solid #E2E4EA;
}
.group-select-window .group-cate-tab>p{
  /*width: 33.33%;*/
  position: relative;
  text-align: center;
  font-size: 0.32rem;
  color: #666F83;
  line-height: 1.1rem;
}

.group-select-window .group-cate-tab>p.active{
  color: #2F86F6;
}
.group-select-window .group-cate-tab>p.active:after {
  display: block;
  content:'';
  position: absolute;
  width: 0.96rem;
  height: 0.04rem;
  background: #2F86F6;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.group-select-window .select-item-box{
  overflow-y: scroll;
  height: 5.5rem;
}
.group-select-window .select-item-box>p{
  font-size: 0.32rem;
  color: #41485D;
  height: 1.08rem;
  line-height: 1.08rem;
  border-bottom: .01rem solid #E2E4EA;
}
.group-select-window .select-item-box>p.active{
  color: #2F86F6;
}


/*报名页上传音频样式*/
.list_item .player-audio-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.audio-handle-btn{
  font-size: .24rem !important;
  background: #eee;
  width: 1.5rem !important;
  min-width: 1.5rem !important;
  height: .5rem !important;
  text-align: center;
  display: block;
  line-height: .5rem !important;
  border-radius: .1rem;
  color: #666;
}
.audio-link{
  font-size: .24rem;
  width: 100%;
  padding: .2rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
body,
div,
ul,
li {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}
body {
  min-width: 6.4rem;
  background: #F8F8F8;
  font-size: 0.28rem;
}
[v-cloak] {
  display: none !important;
}
body {
  padding-bottom: constant(safe-area-inset-bottom);
}
img{
  display: block;
}
input{
  -webkit-appearance: none; /*去除系统默认的样式*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
.layui-form-select dl dd.layui-this{
  background-color:#fff;
  color:#333;
}
/* .active_close {
	.grouping lidisplay:none;
}
*/
.rand_exit {
  position: absolute;
  top: 5px;
  right: 5px;
}

.rand_exit .Ticonfont {
  font-size: 20px;
  color: #666;
}
.iconfont{
  font-size: 0.28rem;
}
.fenxiang {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  /*justify-items: center;*/
  justify-content: center;
}
.haibox{
  position: relative;
  width:6.9rem;
  height: 10rem;
  margin-top: 1.27rem;
  position: relative;
  z-index: 999;
  transform: scale(1);
  animation: mytpcg 0.3s;
}

.fenxiang  img {
  width: 100%;
  height: 100%;


}

.fenxiang_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.61);
}
.fx_tit,
.fx_fm_img,
.fx_code,
.shibie,
.fx_act {
  position: absolute;
}
.fenxiang .fenxiang_bg .fx_tit {
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
}
.fenxiang .fenxiang_bg .fx_fm_img {
  top: 22%;
  left: 12%;
  width: 74%;
  height: 26%;
}
.fenxiang .fenxiang_bg .fx_code {
  top: 52%;
  left: 50%;
  width: 45%;
  height: 20%;
  transform: translateX(-50%);
}
.fenxiang .fenxiang_bg .fx_act {
  width: 80%;
  top: 82%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /*超出部分显示省略号*/
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
}
.close_fx {
  /*display: inline-block;*/
  /*width: 0.48rem;*/
  /*height: 0.48rem;*/
  /*margin: 0.2rem 0;*/
  /*position: relative;*/
  /*top: 0.5rem;*/
  /*left: 77%;*/
  /*transform: translateY(100%);*/
  /*z-index: 3;*/
  /* display: inline-block; */
  /* width: 0.48rem; */
  /* height: 0.48rem; */
  /* margin: 0.2rem 0; */
  /* position: relative; */
  /* top: 0.5rem; */
  /* left: 77%; */
  /* transform: translateY(100%); */
  /* z-index: 3; */
  position: absolute;
  position: absolute;
  bottom: -1.5rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0.6rem;
}
.close_fx img {
  width: 100%;
  height: 100%;
}
.saveImg {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1rem;
  background-color: #FFFFFF;
  text-align: center;
  line-height: 1rem;
  font-size: 0.44rem;
  font-weight: 500;
  color: #000000;
}
.active_close{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

}
.active_close_con {
  text-align: center;
  margin: 2rem auto;

}
.active_close_con  img{
  width: 5.6rem;
  display: block;
}

.active_close_con p {
  font-size: 0.36rem;
  margin-top: 0.16rem;

  color: rgba(0, 0, 0, 0.4);
}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.eot');
  src: url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.woff2') format('woff2'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.woff') format('woff'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.ttf') format('truetype'), url('//at.alicdn.com/t/font_1514159_hk2n1k7rowo.svg#iconfont') format('svg');

  /* project id 1514159 */
}
.top_icon {
  width: 0.64rem;
  height: 0.64rem;
  position: fixed;
  top: 0.48rem;
  z-index: 2;
}
.music_icon {
  left: 0.4rem;
}
.play_music {
  animation: rotate 2s linear infinite;
}
.complaint {
  right: 0.4rem;
}
.tabbar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 0.78rem;
  border-top: solid 0.02rem #f5f5f5;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  padding-top: 0.24rem;
  font-size: 0.26rem;
}
.tabbar .Ticonfont {
  font-size: 0.46rem;
}
.tabbar img {
  width: 0.44rem;
  height: 0.44rem;
}
.tabbar div,
.tabbar_pifu div {
  /*width: 80*2/100rem;*/
  text-align: center;
  margin-bottom: 0.1rem;
}
.tabbar div,
.tabbar_pifu img {
  vertical-align: top;
}
.tab_icon {
  width: 0.4rem;
  height: 0.4rem;
}
.tabCon {
  padding-bottom: 1rem;
}
.swiper-container {
  width: 100%;
  /*max-height: 9.8rem;*/
}
.swiper-slide img {
  display: inline;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.topheader {
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  /*overflow: hidden;*/
  margin-top: 0.2rem;
  color: #FFFFFF;
  position: relative;
  box-sizing:border-box;
  border-radius: 0.08rem;
  background-size: 100% 100% !important ;
}
.vote_info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  /*margin-top: 0.3rem;*/
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}

.ranking .vote_info{
  border-radius: 0px;
}
.vote_info span {
  font-size: 0.32rem;
}
.vote_info > div {
  text-align: center;
  width: 33%;
}
.titme_box {
  height: 0.6rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 0.08rem;
  margin-top: -0.1rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
  /*color: #343434;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: relative;

}
.titme_box .Ticonfont{
  margin-right: 0.05rem;
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.01rem;
}
.titme_box  span{
  margin-left: 0.16rem;
  margin-right: 2px;
}
.introducebox {
  background-color: #ffffff;
  width: 100%;
  padding: 0.24rem;
  box-sizing: border-box;
  margin: 0rem auto;
  display: block;
  margin-top: 0.2rem;
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  border-radius: 0.08rem;
  position: relative;
}
.introducebox  .Ticonfont{
  font-size: 0.24rem;
  line-height: 0.28rem;
}
.icon_rb{
  position: absolute;
  right: -0rem;
  bottom: -0.12rem;
  width: 0.77rem;
  height: 0.44rem;
  background-size: 100% 100% !important;
}
.icon_rb img{
  width: 100%;
  height: 100%;
}
.introducebox .time:nth-child(1){
  margin-top: 0px;
  padding-top: 0;
}

.time {
  text-align: center;

  line-height: 0.3rem;
  padding:0.08rem 0px;
  /*color: #343434;*/
}
.flex_y_center{
  margin-bottom:  0px;
  padding-bottom: 0px;
}
.whi .time {
  color: #fff !important;
}
.time > img {
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: center;
}
.time > span {
  margin: 0 0.1rem;
}
.time > p {
  line-height: 0.8rem;
  font-size: 0.4rem;
}
.search {
  display: flex;
  position: relative;
  margin-top: 0.2rem;
  height: 0.8rem;
  background: #EBEBEB;
  opacity: 1;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0rem 0.04rem 0rem 0rem rgba(0, 0, 0, 0.1);
}
.search .search_icon {
  /*position:absolute;
	*/
  width: 0.36rem;
  height: 0.36rem;
  top: 0.22rem;
  left: 0.22rem;
}
.search input {
  padding-left: 0.2rem;
  font-size: 0.24rem;
  outline: none;
  border: 0;
  height: 100%;
  background: none;
}
.search_btn {
  width: 18vw;
  color: #fff;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.24rem;
  border-radius: 0 0.04rem 0.04rem 0;
  display: flex;
  align-items: center;
  justify-items: center;
}
.search_btn .Ticonfont{
  font-size: 24rpx;
  margin-right:0.08rem;
}
/* 活动介绍及倒计时 */
.active_countdown {
  display: flex;
  width: 100%;
  height: 1.32rem;
  margin: 0 auto 0.2rem;
  background: #e0e0e0;
  border-radius: 0.04rem;
  text-align: center;
}
.active_js {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  height: 1.32rem;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
  border-radius: 0.04rem 0rem 0rem 0rem;
}
.active_js .icon {
  width: 0.4rem;
  height: 0.42rem;
  margin-top: 0.24rem;
}
.active_js div {
  width: 100%;
  margin-bottom: 0.2rem;
}
.end_active {
  width: 75%;
  text-align: center;
}
.end_txt {
  display: inline-block;
  margin: 0.22rem auto 0.12rem;
  font-size: 0.32rem;
}
.end_txt > img {
  width: 0.34rem;
  vertical-align: middle;
  margin-top: -0.06rem;
}
.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata{
  font-size: 0.24rem !important;
}

/*我要报名*/
.grouping {
  margin-top: 0.2rem;
  padding: 0rem 0.24rem;
  box-sizing: border-box;
}
.grouping li {
  width: 31.2%;
  font-size: 0.24rem;
  color: #ffffff;
  /* padding: 0rem 0.10rem; */
  box-sizing: border-box;
  margin: 0.05rem 0px;
  margin-right: 0.2rem;
  padding: 0px;
  text-align: center;
}
.grouping li:nth-child(3n){
  margin-right: 0px;
}
.grouping li div {
  width: 100%;
  height: 0.6rem;
  opacity: 1;
  border-radius: 0.08rem;
  line-height: 0.55rem;
  text-align: center;
  border-width: 0.02rem;
  border-style: solid;
  box-sizing: border-box;
  border-color: rgba(0,0,0,0,1);
}


/*分组*/
/*.grouping {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  width: 100%;*/
/*  margin: 0.15rem auto;*/
/*}*/


/*.grouping li {*/
/*  width: 33.33%;*/
/*  font-size: 0.24rem;*/
/*  color: #ffffff;*/
/*  padding: 0rem 0.10rem;*/
/*  box-sizing: border-box;*/
/*  margin: 0.1rem 0px;*/
/*}*/
/*.grouping li div {*/
/*  width: 100%;*/
/*  height: 0.6rem;*/
/*  opacity: 1;*/
/*  border-radius: 0.08rem;*/
/*  line-height: 0.6rem;*/
/*  text-align: center;*/
/*  border-width: 0.02rem;*/
/*  border-style: solid;*/
/*  box-sizing: border-box;*/
/*border-color: red;*/
/*}*/
.grouping li:last-child {
  margin-right: 0;
}
.player_box {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.24rem;
}
.player_box:after {
  display: block;
  content: '';
  clear: both;
}
.con_box {
  float: left;
  width: 48%;
  /*width: 3.3rem;*/
}
/*查看更多*/
.see_more {
  width: 6.48rem;
  height: 0.94rem;
  /*background:rgba(84,178,214,1);
	*/
  margin: 0.2rem auto 0.4rem;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.94rem;
  color: #FFFFFF;
}
.con_box:nth-child(2n) {
  margin-left: 4%;
}
.player_box .player_list {

  position: relative;
  margin-bottom: 0.24rem;
  padding-bottom: 0.24rem;
  background-color: #FFFFFF;
  text-align: center;
  transform: scale(1);
  /*  animation: myfirst 0.5s;*/
  box-shadow: 0rem 0.04rem 0.1rem rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
/*.player_box .player_list:nth-child(1),*/
/*.player_box .player_list:nth-child(2),*/
/*.player_box .player_list:nth-child(3) {*/
/*    animation: no;*/
/*}*/
@keyframes myfirst {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.player_box .player_list img {
  width: 100%;
}
.player_box .player_list .xuanshou_vote span {
  font-size: 0.32rem;
  margin-right: 0.12rem;
}
.player_box .player_list .xuanshou_vote {
  font-size: 0.24rem;
  color: #989898;
}
.player_box .player_list .toupiao_btn {
  width: 90%;
  margin: 0.2rem auto 0;
  text-align: center;
  line-height: 0.6rem;
  color: #FFFFFF;
  box-sizing: border-box;
  border: 0.02rem solid;
  border-radius: 0.08rem;
  /*height: 0.6rem;*/
  background-size: 100% 100% !important;
  font-size: 0.32rem;
}
.player_box .player_list .xuanshou_num {
  position: absolute;
  z-index:98;
  top: 1px;
  left: 0;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.3rem;
  width: 0.88rem;
  text-align: center;
}
.player_box .player_list .xuanshou_num .iconH5_shouye_xuanshou_tupian_jiaobiao {
  position: absolute;
  top: 0rem;
  left: -0.1rem;
  font-size: 1.18rem;
  line-height: 1.18rem;
  z-index: -1;
}
.no_more {
  width: 100%;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
}
.more-a {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
/* 排行榜样式 */
.end {
  text-align: center;
  color: #758697;
  font-size: 0.28rem;
}
.shengyuTime {
  text-align: center;
  /* margin-top:1%;
	*/
  /*color:#353333;
	*/
  font-size: 0.28rem;
  line-height: 0.2rem;
  margin-bottom: 0.24rem;
}
.shengyuTime span {
  display: inline-block;
  width: 0.52rem;
  height: 0.32rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.02rem 0rem rgba(67, 63, 62, 0.83), 0rem 0rem 0.06rem 0.02rem rgba(66, 64, 65, 0.41);
  border-radius: 0.08rem;
  line-height: 0.32rem;
  margin-left: 0.12rem;
  margin-right: 0.08rem;
  font-weight: bold;
  text-align: center;
  color: #353333;
}
.paihangtime {
  text-align: center;
  padding-top: 0.2rem;
}
.paihangtime p {
  line-height: 0.8rem;
}
.tit {
  width: 100%;
  height: 0.8rem;
  opacity: 1;
  border-radius: 0.06rem 0.06rem 0rem 0rem;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  font-size: 0.32rem;
  /*font-weight: bold;*/
  margin-top: 0.2rem;
}
.tit ul {
  padding: 0rem 0.4rem;
  box-sizing: border-box;
}
.biaoti_ranking {
  height: 0.7rem;
  /*line-height: 0.7rem;*/
  /*min-height: 0.7rem;*/
  padding:0px 0.3rem;
  font-size: 0.32rem;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  padding-top: 0.3rem;
  /*box-sizing: border-box;*/
}
.rank_box {
  width: 100%;
  margin: 0 auto;
  border-radius: 0.06rem 0.06rem 0 0;
  border-bottom: none;
  /*min-height: 6rem;*/
  position: relative;
}
.rank_123 {
  display: flex;
  padding-top: 0.76rem;
  padding-bottom: 0.34rem;
  background-color: #fff;
}
.rank_123 .rank_2 {
  width: 30%;
  margin-top: 0.28rem;
  position: relative;
}
.rank_123 .rank_2 .king2_img {
  width: 100%;
  position: absolute;
  top: -0.2rem;
  left: 1%;
  display: block;
}
.rank_123 .rank_2 .rank_tit {
  font-size: 0.28rem;
  font-weight: bold;
  color: #ffc533;
  text-align: center;
  margin-top: 0.12rem;
  float: left;
  width: 100%;
  margin-bottom: 0.12rem;
}
.rank_2 .rank_img {
  width: 18.5vw;
  height: 18.5vw;
  margin: 0rem auto;
  border-radius: 50%;
  margin-top: 4vw;
  /* margin-left:10*2/100rem;
	*/
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left:10*2/100rem;
	*/
}
.rank_2 .rank_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.rank_player_name {
  text-align: center;
  margin-top: 0.36rem;
  color: #758697;
  font-size: 0.28rem;
}
.rank_vote {
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.1rem;
}
.rank_1 {
  width: 40%;
  position: relative;
}
.king {
  /* width:86%;
	position:absolute;
	top:-17*2/100rem;
	left:9%;
	display:block;
	*/
  width: 100%;
  position: absolute;
  top: -0.34rem;
  left: 1%;
  display: block;
}
.king_img {
  width: 25.25vw;
  height: 25.25vw;
  background: #ffdf85;
  margin: 0.28rem auto 0.32rem;
  border-radius: 50%;
}
.king2,
.king3 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin: 0.04rem;
}
.king2 {
  background-color: #c0c0c0;
}
.king3 {
  background-color: #c69145;
}
.rank_1 .king_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.king_player_name {
  margin-top: 0.18rem;
  font-size: 0.32rem;
  font-weight: bold;
}
.king_vote {
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.1rem;
}
.rank_xia {
  width: 100%;
  margin-bottom: 0.4rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  /*border-radius: 0.08rem;*/
}
.rank_xia img{
  width: 0.65rem;
  height: 0.81rem;
}
.rank_xia li {
  width: 100%;
  /*background: #fff;*/
  display: flex;
  overflow-y: hidden;
  align-items: center;
  text-align: center;
  height: 1.2rem;
  border-bottom: 0.02rem solid #d8d8d8;
}
.rank_xia_con {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0rem auto;
  padding:0px 0.4rem;
  box-sizing: border-box;
}

.rank_xia li:last-child {
  margin-bottom: 0.4rem;
  border-bottom:0px !important;
}
.rank_xia_con:after {
  content: '';
  display: block;
  clear: both;
}
.rank_xia_img {
  float: left;
}
.rank_xia_con .rank_xia_img img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  vertical-align: middle;
}
.xia_player_name {
  text-align: left;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /*超出部分显示省略号*/
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  flex-grow: 1;
  margin-left: 0.2rem;

  /*color: #343434;*/
}
.xia_player_name  p{

  color: #999999;
}
.xia_vote {
  float: right;
  color: #000000;
  font-size: 0.3rem;
  width: 1.2rem;
  text-align: right;
  padding-right: 0.1rem;
}
.rank_num {
  /*width: 23.9%;*/
  width: 10%;
  margin-right: 13.9%;
  text-align: center;
}
.shuoming_con {
  width: 100%;
  margin: 0rem auto;
  text-indent: 2em;
  text-align: justify;
  /*background:#fff;*/
  /*background-color: white;*/
  padding: 0.2rem;
  box-sizing: border-box;
  font-size: 0.24rem;
  margin-bottom: 0.4rem;
  position: relative;
  overflow-x: hidden;
}
.shuoming_con img {
  width: 100%;
  height: auto;
}
/*活动结束弹窗*/
.end_shade {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.end_con {
  width: 6rem;
  height: 4.2rem;
  background: #ffffff;
  border-radius: 0.1rem;
  text-align: center;
}
.end_con img {
  width: 1.66rem;
  height: 1.66rem;
  margin: 0.4rem auto;
}
#zhidao {
  width: 4.2rem;
  height: 0.8rem;
  background: #54b2d6;
  border-radius: 0.1rem;
  font-size: 0.34rem;
  color: white;
  line-height: 0.8rem;
  margin: 0.1rem auto;
}
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}
.T_bj{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#phone {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /*height: 100%;*/
  overflow-y: scroll;
}
/* c3实现公告滚动样式*/
.notice_box {
  position: fixed;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 0.48rem;
  z-index: 100;
  overflow: hidden;
  /*background-color: rgba(223, 113, 111, 0.65);*/
}
.notice_bg {
  width: 100%;
  height: 0.48rem;
  z-index: 2;
  overflow-x: hidden;
  position: relative;
}
.bg_notice{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.notice_con {
  position: absolute;
  top: 0rem;
  left: 0.4rem;
  line-height: 0.48rem;
  white-space: nowrap;
  /*color: white;*/
  transition: all 25s;
  z-index: 2;
}
.notice_box .Ticonfont {
  opacity: 1;
  height: 100%;
  padding: 0px 0.2rem;
  line-height: 0.48rem;
  opacity: 1;
  height: 100%;
  padding: 0px 0.2rem;
  line-height: 0.48rem;
  position: relative;
  z-index: 999;
  color:#fff;
  font-size: 0.33rem;
}
/* 漂浮物样式*/
#introduction {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.tabbar_bg {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 1.74rem;
  color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.baoming_box {
  margin-top: 0.14rem;
  height: 0.64rem;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
  width: 100%;
  text-align: center;
  line-height: 0.64rem;
  color: #fff;
  font-size: 0.24rem;
  background-size: 100% 100% !important;
}
/* c3公告滚动动画 */
@keyframes movenotice {
  from {
    transform: translateX(8rem);
    /* left:110%;
	*/
  }
  to {
    /* left:-110%;
	*/
    transform: translateX(-110%);
  }
}
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  height: auto;
}
.top_icon {
  line-height: 0.64rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.24rem;
  text-align: center;
}
.tabbar a {
  text-align: center;
  color: #666;
  text-decoration: none !important;
}
/* .mescroll {
	height:500*2/100rem;
	overflow:auto;
}
*/
/* .player_box {
	height:100%;
}
*/
.hb {
  height: 1rem;
  background: #007aff;
  width: 1rem;
  color: #fff;
  position: fixed;
  bottom: 3rem;
  right: 0rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  z-index: 99;
  text-align: center;
  line-height: 1rem;
  padding-left: 0.16rem;
  box-sizing: border-box;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.3);
}
.clear {
  clear: both;
}
.break1 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  white-space: normal;
  /** 隐藏超出的内容 **/
}
.rank_player_name2 {
  margin-top: 6vw !important;
}
.mescroll-upwarp {
  width: 100%;
  margin: 0rem;
  padding: 0rem !important;
  /*margin-bottom:0.32rem ;*/
  text-align: center;
  line-height: 0.24rem;
  /* height: 0.24rem;
    min-height: 0.24rem !important;
    margin-bottom: 0.32rem;*/
  /*color: #666;*/
}
/* #phone {
	position:fixed;
	top:0*2/100rem;
	left:0*2/100rem;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
*/
#tabNum0 {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  /*padding:0*2/100rem 0.3rem;*/
  /*box-sizing: border-box;*/
}
.container {
  /*padding: 0*2/100rem 4%;*/
  padding: 0rem 0.24rem;
  box-sizing: border-box;
  position: relative;
}
.music_icon {
  left: 0.4rem;
  border: none !important;
}
.complaint {
  right: 0.4rem;
}
.laba {
  color: #fff;
  padding: 0rem 0.2rem;
  position: relative;
  z-index: 999;
  /*background-color:rgba(223,113,111,0.3);
	*/
  display: inline-block;
}
.time {
  text-align: left;
}
.shuoming div {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  font-size: 0.24rem;
}
.ts_fontsize {
  font-size: 0.24rem;
}
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  /*background: none !important;*/
  text-decoration: none !important;
}
.empty-tip {
  text-align: center;
}
.yxz_bottom {
  position: fixed;
  bottom: 1.04rem;
  padding: 0rem 0.2rem;
  box-sizing: border-box;
  width: 100%;
  height: 0.9rem;
  z-index: 999;
  background: #EBEBEB;
  /*box-shadow: 0*2/100rem 2*2/100rem 5*2/100rem rgba(0, 0, 0, 0.2);*/
}
.yxz_bottom .yxz_number {
  color: #999999;
  font-size: 0.3rem;
  margin-right: 0.4rem;
}
.tp {
  width: 2.12rem;
  height: 0.62rem;
  opacity: 1;
  border-radius: 0.08rem;
  color: #000;
  line-height: 0.62rem;
  text-align: center;
  background-size:100% 100% !important;
}
.xuanshou_name {
  text-align: center;
  /*color: #343434;*/
  font-size: 0.28rem;
  /*line-height: 25*2/100rem;*/
  margin-top: 0.2rem;
}
.tpcg {
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  /*justify-items: center;*/
  justify-content: center;

}
.tpcg .masking {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.tpcg .tpcg_box {
  width: 89%;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  transform: scale(1);
  background: #fff;
  border-radius: 0.2rem;
  text-align: center;
  padding-bottom: 0.2rem;
  overflow: hidden;
  z-index: 1000;
  animation: mytpcg 0.3s;
  /*scale(1)*/
}


@keyframes mytpcg {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.tpcg .tpcg_box .Ticonfont {
  color: #03bd03;
  font-size: 1.8rem;
  margin: 0.2rem auto;
  display: block;
}
.tpcg_box_title {
  font-size: 0.34rem;
  margin: 0.3rem 0rem;
}
.haode {
  width: 90%;
  height: 0.8rem;
  text-align: center;
  margin: 0rem auto;
  color: #fff;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  /*justify-items: center;*/
  justify-content: center;
  background-size: 100% 100% !important;
}
.ggtp {
  width: 100%;
  max-height: 6rem;
  margin: 0rem auto;
  overflow: hidden;
  position: relative;
  display: block;
}
.ggtp span {
  position: absolute;
  top: 0rem;
  left: 0rem;
  display: block;
  width: 1rem;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 0.5rem;
  text-align: center;
}
.ggtp img {
  width: 100%;
  height: 100%;
  display: block;
}
@keyframes mysnow {
  0% {
    bottom: 100%;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-webkit-keyframes mysnow {
  0% {
    bottom: 100%;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-moz-keyframes mysnow {
  0% {
    bottom: 100%;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-ms-keyframes mysnow {
  0% {
    bottom: 100%;
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-30deg);
    bottom: -10%;
  }
}
@-o-keyframes mysnow {
  0% {
    bottom: 100%;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-30deg);
    bottom: -10%;
  }
}
.roll5 {
  position: absolute;
  animation: mysnow 20s linear;
  -webkit-animation: mysnow 20s linear;
  -moz-animation: mysnow 20s linear;
  -ms-animation: mysnow 20s linear;
  -o-animation: mysnow 20s linear;
}
.roll4 {
  position: absolute;
  animation: mysnow 12s linear;
  -webkit-animation: mysnow 12s linear;
  -moz-animation: mysnow 12s linear;
  -ms-animation: mysnow 12s linear;
  -o-animation: mysnow 12s linear;
}
.roll3 {
  position: absolute;
  animation: mysnow 8s ease-out;
  -webkit-animation: mysnow 8s ease-out;
  -moz-animation: mysnow 8s ease-out;
  -ms-animation: mysnow 8s ease-out;
  -o-animation: mysnow 8s ease-out;
}
.roll {
  position: fixed;
  z-index: 9999999;
  -webkit-user-select: none;
  user-select: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-touch-callout: none;
  touch-callout: none;
}
.ymxs_type2 .player_list:nth-child(2n) {
  margin-left: 4%;
}
.ymxs_type2 .ymxs2_imgbox{
  height: 3.3rem;
  overflow:hidden;width: 100%;
}
/* 滑块验证样式 */
#yanzhengshade {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.drag {
  position: relative;
  background-color: #e8e8e8;
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  text-align: center;
}
.handler {
  width: 0.8rem;
  height: 0.64rem;
  border: 0.02rem solid #cccccc;
  cursor: move;
}
.handler_bg {
  background: #ffffff url("*2/100remwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg {
  background: #ffffff url("") no-repeat center;
}
.drag_bg {
  background-color: #7ac23c;
  height: 0.68rem;
  width: 0rem;
}
.drag_text {
  position: absolute;
  top: 0rem;
  width: 100%;
  text-align: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}
.top_icon {
  width: 0.96rem;
  height: 0.96rem;
  position: fixed;
  top: 0.45rem;
  z-index: 9;
}
.music_icon {
  left: 0.4rem;
  width: 0.9rem;
  height: 0.9rem;
}
.play_music {
  animation: rotate 2s linear infinite;
}
.complaint {
  right: 0.4rem;
}
.random_page {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 90%;

  background: #fff;

  border-radius: 0.2rem;

  padding: 0.4rem 0rem;

  transform: translate(-50%, -50%);

  z-index: 99999;

  box-sizing: border-box;

}
.masking {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.codelist {
  width: 4.92rem;
  margin: 0rem auto;
}
.codelist li {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  float: left;
  margin: 0.2rem;
  border: 0.02rem solid #f1f1f1;
}
.codelist li img {
  height: 100%;
}
.codelist li:nth-child(2) img {
  position: absolute;
  top: 0rem;
  left: -1.2rem;
  height: 100%;
}
.codelist li:nth-child(3) img {
  position: absolute;
  top: 0rem;
  left: -2.4rem;
  height: 100%;
}
.codelist li:nth-child(4) img {
  position: absolute;
  top: 0rem;
  left: -3.6rem;
  height: 100%;
}
.codelist li:nth-child(5) img {
  position: absolute;
  top: 0rem;
  left: -4.8rem;
  height: 100%;
}
.codelist li:nth-child(6) img {
  position: absolute;
  top: 0rem;
  left: -6rem;
  height: 100%;
}
.codelist li:nth-child(7) img {
  position: absolute;
  top: 0rem;
  left: -7.2rem;
  height: 100%;
}
.codelist li:nth-child(8) img {
  position: absolute;
  top: 0rem;
  left: -8.4rem;
  height: 100%;
}
.codelist li:nth-child(9) img {
  position: absolute;
  top: 0rem;
  left: -9.6rem;
  height: 100%;
}
.result_list span {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  text-align: center;
  float: left;
  line-height: 0.8rem;
  background: #fff;
  border: 0.02rem solid #f1f1f1;
}
.result_list span .Ticonfont {
  font-size: 0.28rem;
}
.result_list {
  width: 4.44rem;
  margin: 0rem auto;
}
.tstitle {
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  width: 4.44rem;
  margin: 0rem auto;
  margin-top: 0.2rem;
}
.maskingtitle {
  width: 4.44rem;
  margin: 0rem auto;
  line-height: 0.6rem;
}
.tjclick {
  width: 4.44rem;
  height: 0.72rem;
  margin: 0rem auto;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.72rem;
  color: #FFF;
  display: block;
}
.no_info {
  width: 74%;
  margin: 0.4rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: relative;
}
.no_info img {
  /*width: 100%;*/
  width: 5.6rem;
}
.mescroll-empty .empty-tip{
  font-size: 0.24rem;
  /*padding:0.4rem 0px;*/
  margin:0px auto;
  padding-top: 0px;
  height: 0.24rem;
  line-height: 0.24rem;
  margin-bottom: 0.32rem;
  margin-top:0px !important;
}
.technical {
  /*margin-top: 20*2/100rem;*/
  border-top: 0.02rem dashed #989898;
  line-height:0.94rem;
  text-align: center;
  color: #808080;
  display: block;
  font-size: 0.24rem;
}
.resultitem {
  width:4.34rem ;
  display: block;
  height: 0.6rem;
  background: #EFEFEF;
  opacity: 1;
  border-radius: 0.08rem;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.2rem auto;
}
.resultitem span {
  color: #999999;
  font-size: 0.28rem;
}

.soushuobox {
  width: 89%;
  position: fixed;
  top: 50%;
  left: 50%;
  transition: transform();
  transform: translate(-50%, -50%);
  z-index: 9;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 0.08rem;
  padding: 0.4rem 0.3rem;
  box-sizing: border-box;
  z-index: 10000;
}
.soushouchimg {
  width:3.95rem;
  margin: 0.2rem auto;
  display: block;
}
.soushuobox input {
  width: 100%;
  margin: 0.4rem 0rem;
  height: 0.8rem;
  background: #EBEBEB;
  opacity: 1;
  border-radius: 0.12rem;
  text-align: center;
  line-height: 0.8rem;
  border: none;
}
.soushuobox .soushuo {
  width: 100%;
}
.soushuobox .soushuo .soushuo_btn {
  width: 47%;
  /* display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-box-pack: center;*/
  /*-webkit-justify-content: center;*/
  /*-ms-flex-pack: center;*/
  /*justify-content: center;*/
  /*-webkit-box-align: center;*/
  /*-webkit-align-items: center;*/
  /*-ms-flex-align: center;*/
  /*-ms-grid-row-align: center;*/
  /*align-items: center;*/
}
.soushuobox .soushuo .soushuo_btn  .Ticonfont{
  margin-right: 0.08rem;
  font-size: 0.24rem;
}
.soushuobox .soushuo .soushuo_btn:nth-child(1) {
  height: 0.62rem;
  background: #FFFFFF;
  border: 0.02rem solid #cdcdcd;
  opacity: 1;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.62rem;
  font-size: 0.28rem;
  color:#999;

}
.soushuobox .soushuo .soushuo_btn:nth-child(2) {
  border: 0.02rem solid;
  height: 0.62rem;
  /*background: #5282F0;*/
  /*border: 1*2/100rem solid #5282F0;*/
  opacity: 1;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.62rem;
  color: #fff;
}
.soushuobox .soushuo .soushuo_btn:nth-child(2) .Ticonfont{
  font-size: 0.24rem;
  margin-right: 0.08rem;
}
.count_downimg1{
  position: absolute;
  top:-10%;
  left:-0.15rem;
  width:7.2rem;
  height: 120%;
  z-index: -1;
}
/*详情样式*/
#details {
  padding-top: 0rem;
}
#details .toupiaocheer {
  width: 100%;
  border-radius: 0.08rem;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #FFF;
  margin: 0.24rem auto;
  display: block;
  box-sizing: border-box;
}
#details .topheader {
  position: relative;
  border-radius: 0.08rem;
  background-size: 100% 100% !important;
}

#details .topheader .player_name {
  font-size: 0.28rem;
  /*color: #FFFFFF;*/
  text-align: center;
  padding-top: 0.3rem;
  font-weight: bold;
}

.jianjienr {
  font-size: 14px;
  /*color: #FFFFFF;*/
  text-align: center;
  padding: 12px;

}
#details .topheader .vote_info {
  margin-top: 0rem;
  position: relative;
  z-index: 2;
  padding-bottom: 0px;
}
#details .count_downimg1{
  z-index: 1;
}
#details .titme_box{
  z-index: 2;
  position: relative;
}
/*#details .tabbar .vote {*/
/*  position: relative;*/
/*}*/
/*#details .tabbar_pifu .vote_box {*/
/*  position: relative;*/
/*  width: 1.4rem;*/
/*}*/
/*#details .tabbar_pifu .vote_box .vote_bg {*/
/*  width: 1.4rem;*/
/*  height: 1.4rem;*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  top: -1rem;*/
/*  left: 0rem;*/
/*}*/
/*#details .tabbar_pifu .vote_box div {*/
/*  width: 1.12rem;*/
/*  position: absolute;*/
/*  z-index: 3;*/
/*  top: -0.56rem;*/
/*  left: 0.12rem;*/
/*  color: white;*/
/*}*/
/*#details .tabbar .gift img {*/
/*  width: 0.5rem;*/
/*  height: 0.5rem;*/
/*  vertical-align: middle;*/
/*}*/
/* 选手信息 */
#details .player_info {
  display: flex;
  width: 96%;
  margin: 0rem auto;
  /*padding-left: 38*2/100rem;*/
}
#details .player_avatar {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
}
#details .info_box {
  width: 100%;
}
#details .bianhao {
  display: inline-block;
  min-width: 0.44rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.44rem;
  /*background:rgba(247,87,87,1);*/
  border-radius: 50%;
  font-size: 0.28rem;
  color: #FFFFFF;
}
#details .introduction {
  width: 96%;
  /*background: #fff;*/
  /*padding: 0*2/100rem 55*2/100rem;*/
  font-size: 0.24rem;
  font-weight: 500;
  /*color: #000000;*/
  box-sizing: border-box;
  margin: 0rem auto;
  text-align: left;
  /*
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
*/
}
#details .view_more {
  width: 0.72rem;
  margin-right: 0.1rem;
  margin-top: 0.4rem;
  color: red;
}
#details .vote_info > div {
  text-align: center;
  width: 33%;
}
#details .vote_info > div:nth-child(3) {
  border: none;
}
#details .player_images {
  text-align: center;
  width: 100%;
  margin: 0rem auto;
  background-color: #ffffff;
  padding: 0.24rem;
  box-sizing: border-box;
  margin-top: 0.24rem;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
}
#details .player_images img {
  margin: 0.1rem 0;
  width: 100%;
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  vertical-align: top;
}
#details .player_images .xsyptitle {
  color: #343434;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.8rem;
}
#details .gongxian {
  width: 96%;
  margin: 0 auto;
  padding-bottom: 0.4rem;
  background-color: #F5F5F5;
}
#details .gongxian .tit {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #788595;
  line-height: 1rem;
  border-bottom: 0.02rem solid #e5e5e5;
}
#details .gongxian ul {
  display: flex;
  padding-top: 1rem;
  overflow-x: auto;
}
.gongxian ul li {
  width: 1rem;
  margin-left: 0.8rem;
  position: relative;
}
#details .gongxian ul li img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
#details .gongxian ul li .rank_img {
  width: 1rem;
  height: 0.6rem;
  position: absolute;
  top: -0.48rem;
}
#details .help_btn {
  width: 4.24rem;
  height: 0.8rem;
  /*	background:rgba(84,178,214,1);*/
  margin: 0.4rem auto 0.4rem;
  border-radius: 0.2rem;
  text-align: center;
  line-height: 0.8rem;
  color: #FFFFFF;
}
/* 投票记录 */
#details .toupiaojilu {
  width: 96%;
  margin: 0 auto;
  padding-bottom: 0.4rem;
  background-color: #F5F5F5;
}
#details .toupiaojilu .tit {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #788595;
  line-height: 1rem;
  border-top: 0.02rem solid #e5e5e5;
  border-bottom: 0.02rem solid #e5e5e5;
}
#details .rank_xia li {
  padding: 4% 0.2rem;
  width: 94%;
  margin: 0 auto;
  /* background-color: #fff; */
  border-bottom: solid 0.02rem #e5e5e5;
}
#details .rank_xia_con {
  width: 90%;
  margin: 0 auto;
}
#details .rank_xia_con:after {
  content: '';
  display: block;
  clear: both;
}
#details .rank_xia_img {
  float: left;
  margin-top: 0.04rem;
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
}
#details .xia_player_name {
  float: left;
  width: 60%;
  margin-top: 1%;
  margin-left: 2%;
  color: #758697;
  font-size: 0.28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#details .rank_num {
  width: 0.4rem;
  float: right;
  font-size: 0.28rem;
  color: #758697;
}
#details .see_more {
  width: 6.48rem;
  height: 0.94rem;
  /*	background:rgba(84,178,214,1);*/
  margin: 0.4rem auto 0rem;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.94rem;
  color: #FFFFFF;
}
/* 投票点赞按钮样式 */
#details .dianzan_btn {
  width: 1.1rem;
  color: #FFFFFF;
  line-height: 1rem;
  text-align: center;
  font-size: 0.3rem;
  height: 1.1rem;
  /*	background: rgba(84,178,214,1);*/
  box-shadow: 0rem 0.06rem 0.06rem 0rem #424041;
  border-radius: 50%;
  position: relative;
  top: -0.16rem;
  left: 0rem;
  /*	transform: translateX(20%);*/
  /*	margin-left: 80*2/100rem;*/
}
#details .xin {
  display: block;
  width: 0.36rem;
  height: 0.28rem;
  position: absolute;
  top: 0.72rem;
  left: 0.4rem;
}
#details .codeShade {
  z-index: 9999999;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
#details .codeShade div {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.44rem;
  line-height: 0.8rem;
}
/* 封装好的c3动画 */
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
#details .tabbar .shuoming {
  text-align: center;
}
#details .play_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
  border-radius: 50%;
  margin-left: 0.3rem;
}
#details .music_box {
  width: 100%;
  height: 1rem;
  background: #EBEBEB;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
  margin-bottom: 0.3rem;
}
#details .music_box .Ticonfont {
  color: #fff;
}
#details .el-slider__button {
  border: 0rem;
  width: 0.44rem;
  height: 0.44rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.04rem rgba(3, 8, 26, 0.3);
  border-radius: 50%;
}
#details .el-slider__runway {
  background: rgba(82, 130, 240, 0.2);
}
#details .zong_time,
#details .play_time {
  color: #999999;
  font-size: 0.24rem;
}
#details .jindu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
#details .block {
  width: 80%;
}
#details .gongxian ul {
  white-space: nowrap;
  width: 100%;
  overflow-x: scroll;
  display: block;
}
#details .gongxian ul li {
  display: inline-block;
  width: 20%;
  margin-left: 0rem;
  text-align: center;
}
#details .hb {
  height: 1rem;
  background: #007aff;
  width: 1rem;
  color: #fff;
  position: fixed;
  bottom: 3rem;
  right: 0rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  z-index: 99;
  text-align: center;
  line-height: 1rem;
  padding-left: 0.16rem;
  box-sizing: border-box;
  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.3);
}
#details .music_icon {
  left: 0.4rem;
  border: none !important;
}
#details .complaint {
  right: 0.4rem;
  width: 0.58rem;
  height: 0.58rem;
  line-height: 0.58rem !important;
  border: 0.02rem solid #ffffff;
  background: rgba(0, 0, 0, 0.7) !important;
}
#details .codeShade {
  z-index: 1000;
}
#details .details_bottom {
  width: 100%;
  margin: 0rem auto;
  margin-bottom: 0.4rem;
}
#details .details_bottom .a {
  display: block;
  width:3.3rem;
  height: 0.8rem;
  text-align: center;
  background: #ffffff;
  /*border: 0.02rem solid #31cab1;*/
  border-radius: 0.08rem;
  line-height: 0.8rem;
  color: #fff;
  box-sizing: border-box;
}

#details .details_bottom .a  .Ticonfont{
  margin-right: 0.08rem;
}





input::-webkit-input-placeholder {
  color: #A9A9A9;
}

input:-moz-placeholder {
  color: #A9A9A9;
}

input::-moz-placeholder {
  color: #A9A9A9;
}

input:-ms-input-placeholder {
  color: #A9A9A9;
}
.signup_con{
  /*padding:0px 0.3rem;*/
  width: 6.9rem;
  margin:0px auto;
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0px 0.03rem 0.1rem rgba(0, 0, 0, 0.08);
}
.list_item{

  /*padding:0.2rem 0px;*/
  padding-top: 0.16rem;
}
.borderno{
  border: none;
}
.list_item span{display: block;
  /*color: #343434;*/
  margin-bottom: 0.16rem;
  font-size: 0.24rem;
}
.list_item input,.list_item .input{
  border: none;
  height: 0.64rem;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.14901960784313725);
  opacity: 1;
  border-radius: 0.04rem;
  padding:0px 0.24rem;
  width: 100%;
  box-sizing: border-box;
}
.tishi{
  width: 100%;
  font-size: 0.29rem;
  color: #CDCDCD;
  margin-left: 0.19rem;
}
.tishier{
  margin-bottom: 0.2rem;
  text-align: center;
  font-size: 0.29rem;
  color: #CDCDCD;
  margin-top: .2rem;
}
.list_item .img_box{
  display: flex;
  flex-wrap: wrap;
}
.list_item .xuanshou{
  width: 1.8rem;
  height:1.8rem;
  margin-right: 0.3rem;
  position: relative;
  margin-bottom: 0.3rem;
}
.list_item .xuanshou .del{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0.5rem;
  height: 0.5rem;
}
/*.layui-form-select .layui-input {*/
/*    padding-right: 30px;*/
/*    cursor: pointer;*/
/*    background: none;*/
/*}*/
.list_item .xuanshou img{
  width: 100%;
  height: 100%;
}
.list_item .xuanshou .img_boxhb{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  border-radius:0.04rem;

  color: #FFFFFF;
  font-size: 0.29rem;
  text-align: center;
  line-height: 0.5rem;
}
.submit{
  text-align: center;
}
.select_group{
  display: block;
  width: 30%;
  background-color: white;
  border:1px solid  rgba(191,191,191,1);
}
.layui-unselect{
  /*border:1px solid  rgba(191,191,191,1);*/
  width: 100%;
}
.layui-btn{
  margin-top: 20px;
  width:96%;
  height:46px;
  background:rgba(84,178,214,1);
  border-radius:5px;
}
.zxbm1{
  /*background: #fff;*/
  padding:0px 0.3rem;
  box-sizing: border-box;
  height: 0.8rem;
  border-bottom: 1px solid  #CDCDCD;;
}
.zxbm{
  width: 100%;
  border:none;
  height: 0.8rem;
  box-shadow: 0px  0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;

  color: #FFFFFF;

}
.zxbm .Ticonfont{
  margin-right: 0.18rem;
}

.zxbm1 .line{
  width: 0.04rem;
  height: 0.28rem;
  margin-right: 0.08rem;
}

.layui-form {
  /*background: #fff;*/
  padding:0px 0.3rem;
}
.layui-form-select dl {
  color: #666;
}

.is_establishbox{
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 0.75rem;
  background:#FFF5E2;
  color:#387CFF;
  z-index: 999999;
  text-align: center;

}
.is_establishbox a{
  color:#387CFF;
}
.fanhui{
  width: 1.8rem;
  background:#f2f3f7 ;
  color:#3c79f3;
  height: 100%;
}
.establishbox_solt {
  width: 100%;
  height: 0.75rem;
}
#establishbox_btn {
  padding: 0.06rem 0.12rem;
  color: #fff!important;
  background: #387CFF!important;
  border-radius: 0.08rem;
  margin-right: 0.5rem;
  font-size: 0.26rem;
}

.iconH5_shouye_huodongxinxi_shouqi{
  opacity: 0.6;
}



/*模板20 政企*/

.tabbar20{
  background-color: #e93137;
  height: 1rem;
  padding-top: 0rem;
}
.tabbar20 a{
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
  padding-top: 0.1rem;
  box-sizing: border-box;
}
.tabbar20 div, .tabbar_pifu img{
  margin-bottom: 0rem;
}

.topheader20{
  height: 3.4rem;
  margin-top: 0.32rem;
  padding: 0px 0.76rem;
  box-sizing: border-box;
}
.topheader20 .vote_info{
  padding-bottom: 0rem;

}
.topheader20 span{
  font-size: 0.32rem;
  color:#fff;
}

.topheader20 .time{
  margin-top: 0.55rem;
  color: #fff;
  font-size: 0.24rem;
}

.topheader20 .time .Ticonfont{
  font-size: 0.24rem;
  margin-right: 0.08rem;
}
.topheader20 .time span{
  color: #fff;
  font-size: 0.24rem;
}
.topheader20 .vote_labe{
  width: 1.54rem;
  height: 0.48rem;
  background: #FFD88D;
  opacity: 1;
  border-radius: 0.24rem;
  text-align: center;
  line-height: 0.48rem;
  color:#B4101B;
  margin:0px auto;
}
.topheader20 .line{
  width:0.80rem;
  height: 1px;
  background: #FFD88D;
  opacity: 1;
  border-radius:0.24rem;
  margin:0.16rem auto;
}
.activity20{
  position: relative;
  padding-top: 0.1px;
  margin-top: 0.32rem;
}
.activity20 .activity_topimg{
  //background: url('/static/index/pifu_img/pifu_20/activity.png') no-repeat;
  background-size: cover;
  width: 100%;
  height: 2.5rem;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;

}
.activity20 .activtiy_title{
  height: 0.5rem;
  margin: 0.24rem 0px;
  //background: url('/static/index/pifu_img/pifu_20/xy.png') no-repeat;
  background-size: 100% 100%;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.36rem;
  color: #FFD88D;
  position: relative;
  z-index: 1;
}

.search20{

  height: 1.2rem;
  background: #EE2F35;
}
.search20 .search{
  margin-top: 0px;
  width: 100%;
  height:0.8rem;
  border-radius: 0.8rem;
  background:#fff;
  border:1px solid rgba(218, 184, 136, 1);
}
.search20  .search_btn {
  width: 1.6rem;
  border-radius:0.8rem;
  background:rgba(238, 47, 53, 1);
}
.ymxs_type20  .player_list {
  background:none ;
  box-shadow:none;
  position: relative;
}
.ymxs_type20  .player_list::after{
  position: absolute;
  content: '';
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4.2rem;
  background: #EE2F35;
  opacity: 1;
  border-radius: 0.08rem;
  z-index: -1;
}
.ymxs_type20 .ymxs2_imgbox{
  width:100%;
  height: 4.4rem;
  background: #E5E5E5;
  border: 1px solid #DAB888;
  opacity: 1;
  margin:0px auto;
  margin-top: 0.24rem;
}
.ymxs_type20 .player_list{
  height: 8rem;
  box-sizing: border-box;
}
.ymxs_type20 .player_list .xuanshou_vote{
  color:#fff!important;
}
.ymxs_type20 .player_list .xuanshou_vote span{
  color:#fff!important;
}
.soushuobox .soushuo .soushuo_btn20{
  background:#ee2f35 ;
  border: 0.02rem solid #ee2f35 !important;
  border-radius: 0.08rem;
}
.no_info20{
  width:7rem;height: 3rem;background: #FFFFFF;border: 2px solid #DAB888;opacity: 1;border-radius: 0.08rem;
  margin:0px auto;
  position: relative;
  z-index: 1;
}
.no_info20 img{
  display: block;
  width: 100%;
  height: auto;
  margin:0px auto;
}
#details .no_info20 img{
  display: block;
  margin:0px auto;
  width: 100%;
  height: auto;
}

/*单行模板*/
.Asingtopheader{
  background: #fff;
  color: #000000;
}

.Asingtopheader .vote_info{
  color: #000000;
}


.Asingletemplate_list{
  background: #fff;
  border-radius: 0.08rem;
  margin-top: 0.2rem;
}
.Asingletemplate_list .item{
  padding:0.24rem;
  box-sizing:border-box;
  border-bottom: 1px solid #f1f1f1;
}
.Asingletemplate_list .item .item_img{
  height: 1.44rem;
  width: 1.44rem;
  margin-right: 0.16rem;
  border-radius: 0.08rem;
  overflow: hidden;

}
.Asingletemplate_list .item .item_img img{
  width: 100%;
  height: 100%;
}

.Asingletemplate_list .item .item_cont .name{
  width: 3.5rem;
  font-size: 0.34rem;
  color: #333333;
  margin-bottom: 0.16rem;
}
.Asingletemplate_list .item .item_cont .piao_number{

  color: #999999;
}
.Asingletemplate_list .toupiao_btn {
  width: 1.52rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  border-radius: 0.08rem;
  border:1px solid ;
}
/*分组*/
.Asingletemplate_list .Agrouping{
  white-space: nowrap;
  overflow-x: scroll;
  line-height: 0.84rem;
  box-sizing: border-box;
  border-bottom:1px solid #f1f1f1;
  position: relative;
  z-index: 10;
}
.Asingletemplate_list .Agrouping li{
  display: inline-block;
  width: 33.33%;
  text-align: center;
  color:#333333;
  border-bottom:2px solid #fff;
  text-align: center;
}
.Asingletemplate_list .Agrouping li div{
  border-bottom:2px solid #fff;
  min-width:1.12rem;
  display: inline-block;

}
.Arankpage{
  margin-top: 0.2rem;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12);
  border-radius: 0.08rem;
}
.Arankpage .tit{
  margin-top: 0px;

  color: rgba(0, 0, 0, 0.84);
}
.Arankpage .rank_xia{
  box-shadow: none;
}
.Arankpage  .rank_xia li{
  border-bottom: 0.02rem dashed #d8d8d8;
}
.Arankpage  .rank_xia li:last-child{
  border-bottom:0px;
}
.Arankpage  .Asingletemplate_list{
  margin-top: 0px;
}

#details .details_bottom .a {
  border:1px solid ;
}

.outline_box{
  position: relative;
}
.top_right{
  position:absolute;
  top: -0.24rem;
  right: -0.24rem;
  background-size:100% 100%;
}
.bottom_left{
  position:absolute;
  left: -0.24rem;
  bottom: -0.24rem;
  background-size:100% 100%;
}

.introducebox_pifu{
  position: relative;
}


/*皮肤23*/
.topheader23{
  height: 2.8rem;
  padding-top: 0.38rem;
  box-sizing: border-box;
}
.topheader23 .vote_info{
  /*padding-top:0.38rem;*/
}
.topheader23  .titme_box{
  margin-top: -0.08rem;
}
.activity23{
  height: 0.66rem;
  width: 100%;
  line-height: 0.66rem;
}
.active_name23{
  overflow: hidden;
  color: #8E611C;
  font-size: 0.32rem;
  //font-weight: none;
}


.tabbar24{
  padding:0.04rem 0px;
}
/*皮肤24*/
.tabbar24 .tabbar24_item{
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
  padding:0px  0.04rem;



}
.tabbar24 .tabbar24_item a{
  display: block;
  width: 100%;
  height: 0.88rem;
  color:#FF8C49;
}
.tabbar24 div{
  margin-bottom: 0px;
}

.topheader24{
  background: rgba(255,255,255,1);
  border-radius: 0.16rem;
  overflow: hidden;
}
.topheader24 .btn{
  width: 1.28rem;
  height: 0.48rem;
  background: #669EFF;
  line-height: 0.48rem;

  border-radius: 0.08rem;
}
.topheader24 .vote_info{
  height: 1.52rem;
  padding:0px;

}

.topheader24  .vote_infotitle{
  font-size: 0.32rem;
  color: #000000;
}
.topheader24  .titme_box {
  background:#669EFF;
  color:#fff;
  margin-top:0px;
  border-radius: 0px;
}
.topheader24  .titme_box span{
  color: #FFE048;
}
.baoming24{
  background-size: 100% 100%;
  height: 1.42rem;
  padding-top: 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.24rem;
}
.baoming_box24{
  width:2.4rem;
  height:0.64rem;
  border-radius: 0.08rem;
  overflow: hidden;
  background-size: 100% 100% !important;
  line-height: 0.64rem;
  color:#fff;
  text-align: center;
  margin:0px auto;
}

.activity24{
  position: relative;

  box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
  border-radius: 0.16rem;
  overflow: hidden;
}

.activity_topimg24{
  position: absolute;
  top: -0.6rem;
  left:50%;
  transform:translate(-50%,0);
  /*width: 1.6rem;*/
  height:0.62rem;

}
.activity24  .activtiy_title{
  height:0.64rem;
  background: #FF8C49;
  line-height: 0.64rem;
  text-align: center;
  color:#fff;
  font-weight: bold;
}
.activity24  .introducebox{
  margin-top: 0px;
  border-radius: 0px;
}
.search24{
  height: 0.8rem;
  background: #FFFFFF;
  border-radius: 0.16rem;
}
.player_box24  .player_list .xuanshou_num{
  position: relative;
  width: 100%;
  height:0.63rem;
  line-height: 0.63rem;
  background: #669EFF;
  top: 0px;
  border-radius: 0.16rem  0.16rem  0rem 0px;
  font-size: 0.34rem;
}
.player_box24  .player_list:nth-child(2n) .xuanshou_num{
  background: #FF8C49;
  font-size: 0.34rem;
}
.player_box24  .player_list{
  padding-bottom: 0rem;
  overflow: hidden;
  background:none;

}
.player_box24  .player_list .toupiao_btn{
  background: #669EFF;
  width:100%;
  height: 0.63rem;
  line-height: 0.63rem;
  margin:0px;
  border-radius: 0px 0rem 0.16rem 0.16rem;
  border:0px;
  box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
  overflow: hidden;
}
/*.player_box24  .player_list:nth-child(2n) .toupiao_btn{*/
/*     background: #FF8C49;*/
/*}*/
.toupiao_btn1,.toupiao_btn2 {
  width: 50%;
  text-align: center;
  height: 100%;
}
.toupiao_btn2 {
  background: #FF8C49;
}
.player_box24 .player_list .topimg{
  height: 0.6rem;
  width: 1.6rem;
  margin:0px auto;
}

.therder24{
  height: 0.64rem;
  background: #FF8C49;
  border-radius: 0.16rem  0.16rem  0rem 0px;
  text-align: center;
  line-height: 0.64rem;
  color:#fff;
}

.rank_box24{
  background:#fff;
  box-shadow: 0px 0.08rem 0px 0px rgba(0,0,0,0.1);
  border-radius: 0px 0rem 0.16rem 0.16rem;
  overflow: hidden;
}


.top {
  top: 0.75rem!important;
}
.top1 {
  top: 1.3rem!important;
}
.no_infobox {
  background: #fff;
  margin-top: 0;
}
.no_infobox .no_info {
  margin-top: 0;
}
.cover-box{
  position: relative;
}

.comment-item {
  margin-bottom: 10px;
}
.wypl{
  width: 100%;

  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #FFF;
  margin: 0.24rem auto;
  display: block;
}
.comment-item-head-box {
  line-height: 40px;
}
.comment-item-head {
  float: left;
  width: 40px;
  height: 40px;
}
.comment-item-head-box img {
  margin-right: 5px;
  width: 40px;
  border-radius: 50%!important;
}
.comment-item-time {
  float: right;
  margin-bottom: 0;
  color: #ccc;
}
.comment-item-nickname {
  margin-bottom: 0;
  color: #ccc;
}
.comment-item-content {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  text-indent: 2em;
}
.choujiang{
  margin-top: 10px;
}

.barrage{z-index:99999;display:block;overflow:hidden;min-width:100px;white-space:nowrap;margin:10px 0}
.barrage_box{display:inline-flex;padding-right:8px;height:40px;border-radius:25px!important;background-color:rgba(0,0,0,.5);transition:all .3s;justify-content:space-around;align-items:center}
.barrage_box .portrait{display:inline-block;overflow:hidden;margin-top:4px;margin-left:4px;width:32px;height:32px;border-radius:50%!important}
.barrage_box .portrait img{width:100%;height:100%}
.barrage_box div.p a{margin-right:2px;margin-left:5px;color:#fff;font-size:14px;line-height:40px}
.barrage_box .close{visibility:hidden;margin-top:8px;margin-left:20px;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.1);text-align:center;opacity:0}
.barrage_box:hover .close{visibility:visible;opacity:1}
.barrage_box .close a{display:block}
.barrage_box .close .icon-close{display:inline-block;margin-top:5px;color:rgba(255,255,255,.5);font-size:14px}
.barrage .z{float:left!important}
.barrage a{text-decoration:none}
.comment-item-head{float:left;width:40px;height:40px}
.comment-item-nickname{margin-bottom:0;color:#ccc}
.comment-item-time{float:right;margin-bottom:0;color:#ccc}
.comment-item{margin-bottom:10px}
.comment-item-content{margin:10px 0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;text-indent:2em}
.comment-item-head-box{line-height:40px}
.comment-item-head-box img{margin-right:5px;width:40px;border-radius:50%!important}

.dibuggt img{ width:100%;height:auto}


.maskingtitle {

  width: 4.44rem;

  margin: 0rem 0.2rem;

  line-height: 0.6rem;
  font-size: 0.4rem;

}

.tjclick {

  width: 1.84rem;
  height: 0.72rem;
  float: right;
  margin-right: 0.1rem;

  text-align: center;
  line-height: 0.72rem;
  color: #FFF;
  display: block;

}
.codeinput{
  width: 3rem;
  border: none;
  border-bottom: 0.01rem #999 solid;
  height: 0.6rem;
  padding: 0.01rem;

  font-size: 0.3rem;
  margin: 0.3rem 0 0.6rem 0;
}
.captchac{ width:2.7rem; float: left; height: 1rem;	margin: 0.8rem 0 1rem 0; margin-left: 0.2rem}
.btnsty{
  display: inline-block;
  width: 100%;


}

.yinyongship iframe{
  width: 100%;
  height: 175px;
}


.yinyongships iframe{
  width: 100%;

}


